?Método 2. Agregar código JavaScript manualmente usando código

Curso de javascript: Este método requiere que agregue código a sus archivos de WordPress. Si no ha hecho esto antes, consulta una guía sobre cómo copiar y pegar código en WordPress.

Primero, echemos un vistazo a cómo agregar código al encabezado de un sitio de WordPress. Deberás agregar el siguiente código al archivo functions.php del tema o un complemento específico del sitio.

función wpb_hook_javascript () {
?>
<script>
// tu código javscript va aquí
</script>
<? php
}
add_action ('wp_head', 'wpb_hook_javascript');

Supongamos que solo deseas cargar este javascript en una publicación específica de WordPress. Para hacer eso, necesitarás agregar lógica condicional al código. Echa un vistazo al siguiente ejemplo:

función wpb_hook_javascript () {
if (is_single ('16')) {
?>
<script type = "text / javascript">
// El código javscript va aquí
</script>
<? php
}
}
add_action ('wp_head', 'wpb_hook_javascript');

Si observas más de cerca el código anterior, verá que hemos incluido el código javascript alrededor de la lógica condicional para que coincida con una ID de publicación específica. Puede usar esto reemplazando esta con tu propia ID de publicación.

Ahora, este código funcionaría para cualquier tipo de publicación, excepto para las páginas. Echemos un vistazo a otro ejemplo, excepto que este buscará una ID de página específica antes de agregar el código de JavaScript a la sección de encabezado.

función wpb_hook_javascript () {
if (is_page ('10')) {
?>
<script type = "text / javascript">
// El código javscript va aquí
</script>
<? php
}
}
add_action ('wp_head', 'wpb_hook_javascript');

En lugar de is_single, ahora estamos usando is_page para verificar la identificación de la página.

Podemos usar el mismo código con una ligera modificación para agregar código javascript al pie de página del sitio. Echa un vistazo al siguiente ejemplo.

función wpb_hook_javascript_footer () {
?>
<script>
// tu código javscript va aquí 
</script>
<? php
}
add_action ('wp_footer', 'wpb_hook_javascript_footer');

En lugar de conectar nuestra función a wp_head, ahora la hemos conectado a wp_footer. También puedes usarlo con etiquetas condicionales para agregar Javascript a publicaciones o páginas específicas. 

En la siguiente nota veremos el método 3. Visita el curso de Excel y el curso de php.